<script setup lang="ts">
const props = withDefaults(
  defineProps<{
    name: string;
    color?: string;
  }>(),
  {
    color: "#F2F3F7",
  },
);
</script>

<template>
  <view
    :style="{ backgroundColor: props.color }"
    class="tw-flex tw-h-[76rpx] tw-items-center tw-justify-between tw-px-5"
  >
    <tm-text :label="props.name" color="#999999" :font-size="24"></tm-text>
    <slot name="right"></slot>
  </view>
</template>

<style scoped></style>
